<style type="text/css">
    .qq-hover:hover {
        background: #3b5998 !important;
    }
    .weixin-hover:hover {
        background: #00aced !important;
    }
    .github-hover:hover {
        background: #d14836 !important;
    }
    .left-label{
        text-align: left;
        width: 90px;
        padding-top: 7px;
        margin-left: 0px;
    }
    .input-sm{
        width:200px ;
        display: inline;
        height: 30px;
    }
    .input-md{
        width: 300px;
        display: inline;
        height: 30px;
    }
    .input-lg{
        width: 530px;
        display: inline;
        height: 30px;
    }

</style>
<script>
    var staffInfo={{ staffInfo }};
</script>

<div class="padding-md">
    <h3 class="header-text m-bottom-md">
        职工信息
						<span class="sub-header">
							欢迎回来,{{ staff['sStaffName'] }}
						</span>
    </h3>

    <div class="row user-profile-wrapper">
        <div class="col-md-3 user-profile-sidebar m-bottom-md">
            <div class="row">
                <div class="col-sm-4 col-md-12">
                    <div class="user-profile-pic">
                        {% if icon == "default" %}
                            <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3289761550,697278018&fm=26&gp=0.jpg" alt="">
                        {% else %}
                            <img src="{{ icon }}" alt="">
                        {% endif %}
                        {#<div class="ribbon-wrapper">#}
                            {#<div class="ribbon-inner shadow-pulse bg-success">#}
                                {#Elite#}
                            {#</div>#}
                        {#</div>#}
                    </div>
                </div>
                <div class="col-sm-6 col-md-12">
                    <div class="user-name m-top-sm"><p>{{ staff['sStaffName'] }}<i class="fa fa-circle text-success m-left-xs font-14"></i></p></div>

                    <div class="m-top-sm">
                        <div>
                           <p><i class="fa fa-map-marker user-profile-icon"></i>
                            {{ staff['sNowAddress'] }}</p>
                        </div>

                        <div class="m-top-xs">
                            <p><i class="fa fa-external-link user-profile-icon"></i>
                                {{ staff['sDepName'] }}</p>
                        </div>

                        <div class="m-top-xs">
                            <p><i class="fa fa-briefcase user-profile-icon"></i>
                                {{ staff['sPostName'] }}</p>
                        </div>
                    </div>

                    {#<div class="m-top-sm text-centers">#}
                        {#<a class="btn btn-success"><i class="fa fa-edit m-right-xs"></i>编辑</a>#}
                    {#</div>#}

                    <h4 class="m-top-md m-bottom-sm">备注</h4>
                    <p class="m-top-sm">
                       {{ staff['sRemark'] }}
                    <p>

                    <h4 class="m-top-md m-bottom-sm">联系我</h4>

                    <a class="social-link qq-hover"><i class="fa fa-qq"></i></a>
                    <a class="social-link weixin-hover"><i class="fa fa-weixin"></i></a>
                    <a class="social-link github-hover"><i class="fa fa-github "></i></a>

                </div>
            </div><!-- ./row -->
        </div><!-- ./col -->
        <div class="col-md-9">
            <div class="smart-widget">
                <div class="smart-widget-inner">
                    <ul class="nav nav-tabs tab-style2 tab-right bg-grey">
                        {#<li >#}
                            {#<a href="#profileTab2" data-toggle="tab">#}
                                {#<span class="icon-wrapper"><i class="fa fa-trophy"></i></span>#}
                                {#<span class="text-wrapper">预留信息</span>#}
                            {#</a>#}
                        {#</li>#}
                        <li class="active">
                            <a href="#profileTab1" data-toggle="tab">
                                <span class="icon-wrapper"><i class="fa fa-trophy"></i></span>
                                <span class="text-wrapper">基本信息</span>
                            </a>
                        </li>

                    </ul>
                    <div class="smart-widget-body">
                        <div class="tab-content">
                            <div class="tab-pane fade in active" id="profileTab1">
                                {#<h4 class="header-text m-top-md" style="margin-left: 20px;">基本信息</h4>#}
                                <form id="xh_form" class="xh-form"  method="post"  style="margin-left: 20px;">
                                    <div class="xh-area-form">
                                        <table width="100%">
                                            <tr style="display: none;">
                                                <td><input  name="iDepId" type="text" >
                                                    <input  name="iStaffId" type="text" >
                                                </td>
                                            </tr>
                                            <tr><td colspan="6"><h4 class="header-text m-top-lg">基本信息</h4></td></tr>
                                            <tr>
                                                <td><label>姓名:</label></td>
                                                <td><input  name="sStaffName" type="text" ></td>
                                                <td><label >性别:</label></td>
                                                <td>
                                                    <select  name="iUserSex" type="text">
                                                        <option style="display: none" value="" selected>请选择</option>
                                                        <option value="1">男</option>
                                                        <option value="2">女</option>
                                                    </select>
                                                </td>
                                                <td><label>是否婚配:</label></td>
                                                <td>
                                                    <select name="bMarried" type="text">
                                                        <option style="display: none" value="" selected>请选择</option>
                                                        <option value="1">是</option>
                                                        <option value="0">否</option>
                                                    </select>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td><label >出生年月:</label></td>
                                                <td><input  class="form-date" name="tBirthday"   type="text"  ></td>
                                                <td><label >民族:</label></td>
                                                <td>
                                                    <input  name="sNationName"   type="text" >
                                                </td>
                                                <td><label >籍贯:</label></td>
                                                <td><input  name="sNativePlace"   type="text" ></td>
                                            </tr>

                                            <tr>
                                                <td><label>年龄:</label></td>
                                                <td><input  name="iAge" type="text" ></td>
                                                <td><label>联系方式:</label></td>
                                                <td><input   name="sSelfPhone"  type="text" ></td>
                                                <td><label>身份证号:</label></td>
                                                <td><input  name="sIdentityCode" type="text" ></td>

                                            </tr>
                                            <tr>
                                                <td><label>毕业学校:</label></td>
                                                <td><input   name="sGraduateSchool"   type="text"  ></td>

                                                <td><label>最高学历:</label></td>
                                                <td><input   name="sCultureLevel" type="text"></td>
                                                <td><label>毕业时间:</label></td>
                                                <td><input   class="form-date" name="tGraduateDate" type="text"></td>
                                            </tr>
                                            <tr>
                                                <td><label>专业:</label></td>
                                                <td><input  name="sProfession" type="text" ></td>
                                                <td><label>职称:</label></td>
                                                <td><input   name="sPostLevel"   type="text"  ></td>

                                            </tr>
                                            <tr>
                                                <td><label>户籍地址:</label></td>
                                                <td colspan="3"><input   name="sFamilyAddress"   type="text"  ></td>
                                            </tr>
                                            <tr>
                                                <td><label>现居住地:</label></td>
                                                <td colspan="3"><input   name="sNowAddress"   type="text"  ></td>
                                            </tr>
                                            <tr><td colspan="6"><h4 class="header-text m-top-lg">联系方式</h4></td></tr>


                                            <tr>
                                                <td><label>紧急联系人:</label></td>
                                                <td><input   name="sContractName"   type="text"  ></td>
                                                <td><label>联系人关系:</label></td>
                                                <td><input  name="sContractRelation" type="text" ></td>
                                                <td><label>联系人电话:</label></td>
                                                <td><input   name="sContractPhone" type="text"></td>
                                            </tr>

                                            <tr>
                                                <td><label>QQ:</label></td>
                                                <td><input   name="sQQNum"   type="text"  ></td>
                                                <td><label>微信:</label></td>
                                                <td><input  name="sWeChatNum" type="text" ></td>
                                                <td><label>邮箱:</label></td>
                                                <td><input   name="sEmailAddress" type="text"></td>
                                            </tr>

                                            <tr><td colspan="6"><h4 class="header-text m-top-lg">工作相关</h4></td></tr>
                                            <tr>
                                                <td><label>开始工作时间:</label></td>
                                                <td><input  class="form-date" name="tStartWork"   type="text"  ></td>
                                                <td><label>入职时间:</label></td>
                                                <td><input class="form-date" name="tHireDate" type="text" ></td>
                                                <td><label>转正时间:</label></td>
                                                <td><input  class="form-date" name="tRegularDate" type="text"></td>
                                            </tr>

                                            <tr>
                                                <td><label>合同领用情况:</label></td>
                                                <td><input   name="sContractStatus"   type="text"  ></td>
                                                <td><label>合同期限:</label></td>
                                                <td><input  name="sContentDate" type="text" ></td>
                                                <td><label>签订次数:</label></td>
                                                <td><input   name="iSignNumber" type="text"></td>
                                            </tr>

                                            <tr>
                                                <td><label>部门:</label></td>
                                                <td><input  name="sDepName" type="text" ></td>
                                                <td><label>岗位:</label></td>
                                                <td><input  name="sPostName" type="text" ></td>
                                                <td><label>银行卡号:</label></td>
                                                <td><input   name="sBankCard" type="text"></td>
                                            </tr>

                                            <tr>
                                                <td><label>社保缴纳日期:</label></td>
                                                <td><input  class="form-date" name="tSocialPayDate"   type="text"  ></td>
                                                <td><label>社保缴纳状态:</label></td>
                                                <td><input  name="sSocialPayStatus" type="text" ></td>
                                                <td><label>公积金缴纳情况:</label></td>
                                                <td><input   name="sSurplusPayStatus" type="text"></td>
                                            </tr>

                                            <tr>
                                                <td><label>是否在休假:</label></td>
                                                <td><input   name="bInHoliday"   type="text"  ></td>
                                                <td><label>工作状态:</label></td>
                                                <td><input  name="iStatus" type="text" ></td>
                                                <td><label>司龄:</label></td>
                                                <td><input  name="sCompanyYear" type="text" ></td>
                                            </tr>

                                        </table>
                                    </div>
                                    <div class="xh-area-button" style="padding-left: 75px;background-color: inherit">
                                        {% if FormButton is defined %}{{ FormButton }}{% endif %}
                                    </div>
                                </form>
                            </div><!-- ./tab-pane -->
                        </div><!-- ./tab-content -->
                    </div><!-- ./smart-widget-body -->
                </div><!-- ./smart-widget-inner -->
            </div><!-- ./smart-widget -->
        </div>
    </div>
</div><!-- ./padding-md -->